<template>
  <div class="dialog">
    <h3>
        <!-- 作用域插槽（除name以外有别的属性） -->
        <slot uname = 'zs' age = '99' name="title">默认显示</slot>
    </h3>
   <div>
     <slot name="content">默认内容</slot>
   </div>
 
   <div>
     <slot>默认按钮</slot>
   </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.dialog{
    width: 400px;
    height: 280px;
    border: 3px solid #000;
    border-radius: 5px;
    box-shadow: 5px 5px 2px 2px;
}
div{
    margin-top: 30px;
    margin-left: 10px;
}
</style>